import React, { Component } from 'react';
import {
  BrowserRouter as Router,
  Route,
  Switch,
  Redirect
} from "react-router-dom"; // 采用按需引入减少项目冗余代码提高项目加载的速度（性能优化的一种方式）
import './App.css';
import axios from 'axios';
import Login from './login';
import Main from './modules/main';
// axios.defaults.baseURL='http://47.96.21.88:8086/'; //提取请求路径的公共部分
axios.defaults.baseURL='http://localhost:8086/'; //提取请求路径的公共部分
// 请求拦截器
axios.interceptors.request.use(function (config) {
  if(!config.url.endsWith('/login')){
    //endsWith判断字符串中是否含有某个字段
    // 登录的地址不需要添加token请求头
    config.headers.Authorization = localStorage.getItem('mytoken');
  }
  return config;
}, function (error) {
  // Do something with request error
  return Promise.reject(error);
});
// 响应拦截器
axios.interceptors.response.use(function (response) {
  return response.data
}, function (error) {
  return Promise.reject(error);
});
class App extends Component {
  render() {
    return ( //程序的入口
      <Router> 
        <Switch>
          <Route path="/" exact component={Login} />
          <Route path="/Home" component={Main} />
          <Route path="/Show" component={Show} />
          <Redirect  to="/will-match" /> {/**
           * 重定向放在最后表示凡是没有匹配到以上路径的都跳转到to这个位置
           * Home是主页
           * Show是刚进入app时候的广告页
           */}          
        </Switch>
    </Router>
    );
  }
}
const Show = ()=>{
  return(
    <div>Show</div>
  )
}

export default App;
